<template>

  <div class="layui-layout layui-layout-admin">
    <div class="adminnav1">
      <Pagetop></Pagetop>
    </div>
    <div class="adminnav2">
      <Secondnav urlname="homepage"></Secondnav>
    </div>

    <!-- 主体内容 -->
    <div class="layui-body kedou-admin" id="LAY_app_body app">
      <div class="layadmin-tabsbody-item layui-show">
        <div class="pagelist">
          <div class="layui-card-body">
            <fieldset class="layui-elem-field layui-field-title">
              <legend>用户自提</legend>
            </fieldset>
          </div>

          <div class="layui-card-body">
            <div class="buttop">
              <button type="button" class="layui-btn  layui-btn-normal" @click="addData">新增自提地址</button>
            </div>

          </div>
          <div class="layui-card-body cardbody">
            <div class="layui-form" lay-filter="">
              <div class="layui-form-item">
                <label class="layui-form-label">代理直接向总部采购时允许自提</label>
                <div class="layui-input-block">
                  <input type="checkbox" name="close" lay-skin="switch" lay-text="开启|关闭">
                </div>
              </div>

              <div class="layui-tab-content" style="padding:50px 0">
                <div class="layui-tab-item layui-show">
                  <div class="layui-card-body">
                    <table class="layui-table">
                      <thead>
                        <tr>
                          <th>门店名称</th>
                          <th>联系电话</th>
                          <th>自提地址</th>
                          <th>备注</th>
                          <th>提货时间</th>
                          <th>操作</th>
                        </tr>
                      </thead>
                    </table>
                  </div>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>

  </div>
</template>
<script>
import Pagetop from "../common/pagetop.vue";
import Secondnav from "../common/secondnav.vue";
export default {
  name: "yhset",
  components: { Pagetop, Secondnav },
  data () {
    return {

    };
  },
  mounted () {
  },
  methods: {
    addData: function () {
      var _this = this;
      layer.open({
        type: 2
        , title: '添加角色'
        , content: 'http://localhost:8080/#/yhsetadd'
        , area: ['70%', '60%']
      });
    },
    updated: function () {
      layui.use(["form", "table"], function () {
        var form = layui.form
          , table = layui.table;
        form.render();
      })
    }
  },
};
</script>
<style scoped>
.layui-form-label {
  width: 200px;
}
/* .layui-input-block {
  margin-left: 14%;
  padding-left: 10px;
} */

/*二级导航*/
</style>